<style>
    div.content-right,
    div.position-tier{
        background: #fff;
    }
    .homepage-wrapper{
        margin: 10px 10px 0;
    }
    .main-container .row {
        margin-left: -10px;
    }
    .col {
        padding-left: 10px;
    }
    .layui-elem-quote {
        margin-bottom: 10px;
        padding: 15px;
        line-height: 22px;
        border-left: 5px solid #0B8DD9;
        border-radius: 0 2px 2px 0;
        background-color: #f2f2f2;
        font-size: 14px;
    }
    .sysNotice {
        width: 50%;
        float: left;
    }
    .sysNotice .layui-elem-quote {
        line-height: 26px;
        position: relative;
    }
    .layui-elem-quote.quote-title {
        padding: 10px 15px;
        margin-bottom: 0;
    }
    .layui-quote-nm {
        border-style: solid;
        border-width: 1px 1px 1px 5px;
        border-color: #e6e6e6;
        background: 0 0;
    }
    .echart-map {
        height: 450px;
    }
    .layui-table {
        width: 100%;
        margin: 10px 0;
        border: 1px solid #eee;
    }
    .sysNotice .layui-table {
        margin-top: 0;
        border-left: 5px solid #e2e2e2;
    }
    .layui-table td{
        position: relative;
        padding: 9px 15px;
        min-height: 20px;
        line-height: 20px;
        font-size: 14px;
        border-width: 0 0 1px;
        border-style: solid;
        border-color: #eee;
    }
</style>
<div class="homepage-wrapper homepage-hook main-hook">
    <span @click.stop="emitPage" class="emit-page-hook"></span>
    <span @click.stop="prePage" class="pre-page-hook"></span>
    <span @click.stop="refreshPage" class="refresh-page-hook"></span>
    <div class="box-wrapper box1-hook" v-show="boxs.box1.show">
        <blockquote class="layui-elem-quote explain">
            <p>
                绛门科技是一家创新型高新技术企业，成立于2011年，公司已于2016年成功挂牌新三板。<br/>
                目前主要为中兴通讯、中移物联网、中兴软创等多家500强企业提供软件外包、系统集成、运营支撑、行业应用解决方案等专业化服务。<br/>
                公司秉承“创新、服务、人才、沟通”的服务理念，坚持以质为本、以信取胜，成为客户值得信赖的IT综合服务供应商和战略合作伙伴。
            </p>
        </blockquote>
        <div class="row">
            <div class="sysNotice col">
                <blockquote class="layui-elem-quote quote-title">公司站点</blockquote>
                <div class="layui-elem-quote layui-quote-nm">
                    <div class="fly-echart echart-map sw-100" id="map"></div>
                </div>
            </div>
            <div class="sysNotice col">
                <blockquote class="layui-elem-quote quote-title">公司介绍</blockquote>
                <div class="layui-elem-quote layui-quote-nm">
                    公司专注于通信、物联网、云计算、视频多媒体应用、移动互联网、金融服务等领域。<br/>
                    经过多年的技术沉淀，在物联网、大数据、大视频等多个技术热点方面形成了具有自身特色的整体解决方案和成熟产品。<br/>
                    在提供软件外包服务的同时，组建了一支可独立、规范、高效地进行项目交付的自有软件研发团队。<br/>
                    公司总部设在南京，在北京、上海、广州、深圳、重庆、西安、三亚等多个城市设立分支机构和研发中心，汇聚了众多具有实战经验的懂技术、懂管理的软件资深研发、懂运营的高素质人员。<br/>
                    通过外包方式驻场参与客户开发或承接项目离岸独立开发等多种模式，提供技术服务或进行产品化交付。
                    <br/>
                </div>
            </div>
            <div class="sysNotice col">
                <blockquote class="layui-elem-quote quote-title">最新文章<i class="iconfont icon-new1"></i></blockquote>
                <table class="layui-table" lay-skin="line">
                    <colgroup>
                        <col>
                        <col width="110">
                    </colgroup>
                    <tbody class="hot_news">
                    <tr>
                        <td>css3用transition实现边框动画效果</td>
                        <td>2017-04-14</td>
                    </tr>
                    <tr>
                        <td>自定义的模块名称可以包含/吗</td>
                        <td>2017-04-14</td>
                    </tr>
                    <tr>
                        <td>layui.tree如何ajax加载二级菜单</td>
                        <td>2017-04-14</td>
                    </tr>
                    <tr>
                        <td>表单元素长度应该怎么调整才美观</td>
                        <td>2017-04-14</td>
                    </tr>
                    <tr>
                        <td>微信页面中富文本编辑器LayEdit无法使用</td>
                        <td>2017-04-14</td>
                    </tr>
                    <tr>
                        <td>layui form表单提交成功如何拿取返回值</td>
                        <td>2017-04-14</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="box-wrapper box2-hook" v-show="boxs.box2.show"></div>
    <div class="box-wrapper box3-hook" v-show="boxs.box3.show"></div>
    <div class="box-wrapper box4-hook" v-show="boxs.box4.show"></div>
</div>
<script type="text/javascript" src="js/back/homepage/homepage.js" custom></script>